<template>
  <div id="enter">
    <router-view />
  </div>
</template>

<script>
import { mapActions } from 'vuex';
export default {
  name: 'App',
  watch: {
        $route: {
            handler: function(route) {
                this.getTheme();
            },
            deep: true
        }
    },
    methods: {
        ...mapActions('style', ['getTheme'])
    }
};
</script>

<style>
/*表单*/
/* #enter.ivu-select-visible .ivu-select-selection {
  border: 1px solid #cccccc !important;
  outline: 0;
  box-shadow: 0px 0px 8px #1563C2 ;
}
#enter.ivu-select-visible .ivu-select-selection {
  border: 1px solid #1563C2  !important;
} */
/* #enter.ivu-select-selection {
  border-radius: 3px;
  border-color: #cccccc;
} */
#enter.ivu-cascader-rel .ivu-input {
  border-radius: 3px;
  color: rgb(168, 166, 200) !important;
}

#enter.ivu-input::-webkit-input-placeholder {
  color: rgb(168, 166, 200) !important;
}

.ivu-radio-group-button .ivu-radio-wrapper-checked.ivu-radio-focus:first-child,
.ivu-radio-group-button .ivu-radio-wrapper-checked.ivu-radio-focus {
  box-shadow: 0 0 0 2px rgb(56 56 211 / 20%);
}
#enter.pageHeader .ivu-checkbox-wrapper:hover,
#enter.img-header .ivu-checkbox-wrapper:hover,
#enter.floatWrap .ivu-checkbox-wrapper:hover,
#enter.pageHeader .ivu-btn-ghost:hover > i,
#enter.img-header .ivu-btn-ghost:hover > i,
#enter.floatWrap .ivu-btn-ghost:hover > i {
  color: #1563C2 ;
}
#enter.pageHeader .ivu-checkbox-wrapper:hover .ivu-checkbox-inner,
#enter.img-header .ivu-checkbox-wrapper:hover .ivu-checkbox-inner,
#enter.floatWrap .ivu-checkbox-wrapper:hover .ivu-checkbox-inner {
  border-color: #1563C2 ;
}


.ivu-poptip-body img {
  max-width: 100%;
}
/* .ivu-drawer-body {
  overflow: initial !important;
} */



</style>
